<div class="blade-content" id="blade-content">
    <div class="blade-inner">
      <div class="inner-block">
        <div class="table-wrapper">
          <table class="table">
            <thead>
              <tr>
                <th class="table-col">
                  <label class="form-control __checkbox">
                          <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck" type="checkbox">
                        <span class="check"></span>
                 </label>
                </th>
                <th class="table-col">序号</th>
                <th class="table-col">名称</th>
    
              </tr>
            </thead>
            <tbody>
              <tr class="table-item" title='{{item.permissionName}}' [ngClass]="{'__selected': currentRolePermission?.permissionId == item.permissionId}" *ngFor="let item of rolePermissions let i =index ">
                <td class="table-col">
                  <label class="form-control __checkbox">
                      <input (click)="onItemCheack($event.target,item)" type="checkbox"  [checked]="allCheckRef.checked">
                        <span class="check"></span>
                  </label>
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  {{i+1}}
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  <span class="table-t" > {{item.permissionName}}</span>
                  <span class="table-descr"> {{item.permissionDesc}}</span>
                </td>
  
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>